import Vue from 'vue'
import store from './store'
import core from 'gapi/core'
import App from './App'

import * as util from 'js/util.js'
import commonPage from 'clientApi/commonPage.js'
import clientUi from 'gapi/clientUi.js'
import widget from 'gapi/widget'
let ajaxDate = {}
let selectIndex = 0
let img = ""

new core('dmsass').start(() => {

	new Vue({
		el: 'body',
		data:{
			map:{},
			isShowDetailFlag:2,//是否显示详情的标志
			allPointArray:[],
			mapPoingArray:[],
			list:[
				// {
	   //              "name": "张三",
	   //              "user_id": 1221,
	   //              "avatar": "http://sta.doumistatic.com/src/image/logo_doumi.png",
	   //              "sign_list": [
	   //                  {
	   //                      "sign_time": "1482912178",
	   //                      "form_data": [
			 //                {
			 //                    "id": "5",
			 //                    "value": {
			 //                        "lng": "117.605289",
			 //                        "lat": "39.923789",
			 //                        "addr": "八维学校北门222",
			 //                        "addr_name": "八维1"
			 //                    }
			 //                },
			 //                {
			 //                    "id": "1",
			 //                    "value": 123
			 //                },
			 //                {
			 //                    "id": "3",
			 //                    "value": 'riqi'
			 //                },
			 //                {
			 //                    "id": "4",
			 //                    "value": 'xiala'
			 //                },
			 //                {
			 //                    "id": "6",
			 //                    "value": 'shuzi'
			 //                },
			 //                {
			 //                    "id": "7",
			 //                    "value": 'duohang'
			 //                },
			 //                {
			 //                    "id": "2",
			 //                    "value": {
			 //                        "url":["http://sta.doumistatic.com/src/image/logo_doumi.png"],
			 //                        "thumb_url":["http://sta.doumistatic.com/src/image/logo_doumi.png"]
			 //                    }
			 //                }
			 //            ]
	   //                  },
	   //                  {
	   //                      "sign_time": "12345",
	   //                      "position": "八唯学校",
	   //                      "address": "八唯学校操场",
	   //                      "coordinate": "116.291,35.5343",
	   //                      "remark": "堵车迟到了",
	   //                      "photo": [
	   //                          "http://sta.doumistatic.com/src/image/logo_doumi.png",
	   //                          "http://sta.doumistatic.com/src/image/logo_doumi.png"
	   //                      ]
	   //                  },
	            //         {
	            //             "sign_time": "1482912300",
             //                "form_data": [
    		       //          {
    		       //              "id": "5",
    		       //              "value": {
    		       //                  "lng": "117.605689",
    		       //                  "lat": "39.923789",
    		       //                  "addr": "八维学校北门222",
    		       //                  "addr_name": "八维2"
    		       //              }
    		       //          },
    		       //          {
    		       //              "id": "1",
    		       //              "value": 123
    		       //          },
    		       //          {
    		       //              "id": "3",
    		       //              "value": 'riqi'
    		       //          },
    		       //          {
    		       //              "id": "4",
    		       //              "value": 'xiala'
    		       //          },
    		       //          {
    		       //              "id": "6",
    		       //              "value": 'shuzi'
    		       //          },
    		       //          {
    		       //              "id": "7",
    		       //              "value": 'duohang'
    		       //          },
    		       //          {
    		       //              "id": "2",
    		       //              "value": {
    		       //                  "url":["http://sta.doumistatic.com/src/image/logo_doumi.png"],
    		       //                  "thumb_url":["http://sta.doumistatic.com/src/image/logo_doumi.png"]
    		       //              }
    		       //          }
    		       //      ]
	            //         }
	            //     ]
	            // },
	            // {
	            //     "name": "李四",
	            //     "user_id": 1234,
	            //     "avatar": "",
	            //     "sign_list": [
	                 //    {
	                 //        "sign_time": "1482913000",
                  //           "form_data": [
    		            //     {
    		            //         "id": "5",
    		            //         "value": {
    		            //             "lng": "117.605589",
    		            //             "lat": "39.923789",
    		            //             "addr": "八维学校北门222",
    		            //             "addr_name": "八维3"
    		            //         }
    		            //     },
    		            //     {
    		            //         "id": "1",
    		            //         "value": 123
    		            //     },
    		            //     {
    		            //         "id": "3",
    		            //         "value": 'riqi'
    		            //     },
    		            //     {
    		            //         "id": "4",
    		            //         "value": 'xiala'
    		            //     },
    		            //     {
    		            //         "id": "6",
    		            //         "value": 'shuzi'
    		            //     },
    		            //     {
    		            //         "id": "7",
    		            //         "value": 'duohang'
    		            //     },
    		            //     {
    		            //         "id": "2",
    		            //         "value": {
    		            //             "url":["http://sta.doumistatic.com/src/image/logo_doumi.png"],
    		            //             "thumb_url":["http://sta.doumistatic.com/src/image/logo_doumi.png"]
    		            //         }
    		            //     }
    		            // ]
	                 //    },
	                    // {
	                    //     "sign_time": "12345",
	                    //     "position": "八唯学校",
	                    //     "address": "八唯学校操场",
	                    //     "coordinate": "116.294,35.5523",
	                    //     "remark": "堵车迟到了",
	                    //     "photo": [
	                    //         "http://sta.doumistatic.com/src/image/logo_doumi.png",
	                    //         "http://sta.doumistatic.com/src/image/logo_doumi.png"
	                    //     ]
	                    // },
	                 //    {
	                 //        "sign_time": "1482914000",
                  //           "form_data": [
    		            //     {
    		            //         "id": "5",
    		            //         "value": {
    		            //             "lng": "117.605600",
    		            //             "lat": "39.923789",
    		            //             "addr": "八维学校北门222",
    		            //             "addr_name": "八维4"
    		            //         }
    		            //     },
    		            //     {
    		            //         "id": "1",
    		            //         "value": 123
    		            //     },
    		            //     {
    		            //         "id": "3",
    		            //         "value": 'riqi'
    		            //     },
    		            //     {
    		            //         "id": "4",
    		            //         "value": 'xiala'
    		            //     },
    		            //     {
    		            //         "id": "6",
    		            //         "value": 'shuzi'
    		            //     },
    		            //     {
    		            //         "id": "7",
    		            //         "value": 'duohang'
    		            //     },
    		            //     {
    		            //         "id": "2",
    		            //         "value": {
    		            //             "url":["http://sta.doumistatic.com/src/image/logo_doumi.png"],
    		            //             "thumb_url":["http://sta.doumistatic.com/src/image/logo_doumi.png"]
    		            //         }
    		            //     }
    		            // ]
	                 //    }
	            //     ]
	            // }
	        ],
	        detailData:[
		        // {
		        // 		"name": "张三",
	         //        "user_id": 1221,
	         //        "avatar": "http://sta.doumistatic.com/src/image/logo_doumi.png",
	         //        "position": "八唯学校",
          //           "address": "八唯学校操场",
          //           "coordinate": "116.290,35.4543",
          //           "sign_time":"",
          //           "remark": "堵车迟到了",
          //           "photo": [
          //               "http://sta.doumistatic.com/src/image/logo_doumi.png",
          //               "http://sta.doumistatic.com/src/image/logo_doumi.png"
          //           ]
		        // }
	        ],
	        user_info_sign: {},
	        "require_field": [
	        		// {
	        		//   "id": "5",
	        		//   "type": "Location",
	        		//   "name": "位置",
	        		//   "info": {
	        		//     "title": "位置",
	        		//     "value": {
	        		//       "lat": "",
	        		//       "lng": "",
	        		//       "addr": "",
	        		//       "addr_name": ""
	        		//     },
	        		//     "tune_distance": 0,
	        		//     "tip": "",
	        		//     "required": "1"
	        		//   },
	        		//   "order": ""
	        		// },
	          //     {
	          //             "id": "1",
	          //             "type": "SingleText",
	          //             "name": "单行文字",
	          //             "info": {
	          //               "title": "单行文字",
	          //               "tip": "",
	          //               "value": "",
	          //               "required": "1",
	          //               "check_guide": {
	          //                 "max": "",
	          //                 "min": "",
	          //                 "checkType": ""
	          //               }
	          //             },
	          //             "order": ""
	          //           },
	          //           {
	          //             "id": "2",
	          //             "type": "Imageview",
	          //             "name": "图片",
	          //             "info": {
	          //               "title": "图片",
	          //               "tip": "",
	          //               "value": {
	          //                    "url":[],
	          //                    "thumb_url":[]
	          //                },
	          //               "example_img": {
	          //                 "url": [],
	          //                 "thumb_url": []
	          //               },
	          //               "required": "1",
	          //               "can_choose_picture": "0",
	          //               "check_guide": {
	          //                 "max": "",
	          //                 "min": ""
	          //               }
	          //             },
	          //             "order": ""
	          //           },
	          //           {
	          //             "id": "3",
	          //             "type": "Date",
	          //             "name": "日期",
	          //             "info": {
	          //               "title": "日期",
	          //               "tip": "",
	          //               "value": "",
	          //               "required": 1,
	          //               "check_guide": {
	          //                 "max": "",
	          //                 "min": ""
	          //               }
	          //             },
	          //             "order": ""
	          //           },
	          //           {
	          //             "id": "4",
	          //             "type": "Select",
	          //             "name": "下拉选项",
	          //             "info": {
	          //               "title": "下拉选项",
	          //               "value": "",
	          //               "tip": "",
	          //               "required": "1",
	          //               "options": []
	          //             },
	          //             "order": ""
	          //           },
	                    
	          //           {
	          //             "id": "6",
	          //             "type": "Number",
	          //             "name": "数字",
	          //             "info": {
	          //               "title": "数字",
	          //               "value": "",
	          //               "tip": "",
	          //               "required": 1,
	          //               "check_guide": {
	          //                 "max": "",
	          //                 "min": "",
	          //                 "checkType": ""
	          //               }
	          //             },
	          //             "order": ""
	          //           },
	          //           {
	          //             "id": "7",
	          //             "type": "TextArea",
	          //             "name": "多行文字",
	          //             "info": {
	          //               "title": "多行文字",
	          //               "value": "",
	          //               "tip": "",
	          //               "required": 1,
	          //               "check_guide": {
	          //                 "max": "",
	          //                 "min": ""
	          //               }
	          //             },
	          //             "order": ""
	          //           }
	          ]
		},
        components: {
            App
        },
		methods:{

			init(){
				var para = JSON.parse(util.getUrddataString('team_sign_info'))
    			this.getAllMapPointDate(para);
    			this.user_info_sign = para
			},

			//点击地图上的某一个点后循环遍历所有的坐标，把得到的数据放到 this.detailData 数组里
			parDetailData(position){
				// alert(JSON.stringify(this.list));
				this.detailData.splice(0,this.detailData.length);//清空数组 
				this.list.forEach((item)=>{
					item.sign_list.forEach((signInfo)=>{
						if (signInfo.form_data[0].value.addr_name == position) {
							// var detail = new Object();
							signInfo.name = item.name;
							signInfo.user_id = item.user_id;
							signInfo.avatar = item.avatar;
							signInfo.member_status = item.member_status;
							// detail.position = signInfo.position;
							// detail.address = signInfo.address;
							// detail.remark = signInfo.remark;
							// detail.sign_time = signInfo.sign_time;
							// var pho = new Array;
							// signInfo.photo.forEach((p)=>{
							// 	pho.push(p);
							// })
							// detail.photo = pho;
							this.detailData.push(signInfo);
						}
					});
				})
			},

			//组装请求回来的数据
			parserData(){
				this.mapPoingArray.splice(0,this.mapPoingArray.length);//清空数组 
				for (var i = this.list.length - 1; i >= 0; i--) {
					var item = this.list[i];
					for (var j = item.sign_list.length - 1; j >= 0; j--) {
						var point = item.sign_list[j];
						if (this.isEquelPosition(point.form_data[0].value.addr_name) == 0) {
							this.addPointOnMap(point.form_data[0].value.lng+','+point.form_data[0].value.lat,0);
							this.mapPoingArray.push(point);
						}
					}
				}

				console.log(this.allPointArray.length);
				//让所有的点都在地图上显示
				this.map.setViewport(this.allPointArray);
			},

			isEquelPosition(position){
				for (var k = this.mapPoingArray.length - 1; k >= 0; k--) {
					if (this.mapPoingArray[k].form_data[0].value.addr_name == position) {
						return 1;
					}
				}
				return 0;
			},

			//在地图上添加相应的点
			addPointOnMap(location,isSelected){
				console.log("aaaa:" + location);
				var strs = location.split(",");
				var r = /^(-|\+)?\d+\.\d*$/
				if (r.test(strs[0]) == false || r.test(strs[1]) == false) {
					return;
				}

				var pt = new BMap.Point(strs[0], strs[1]);

				let myIcon;
				if (isSelected == 0) {
					img = util.KqMapImg.attendImgY;
					myIcon = new BMap.Icon(img, new BMap.Size(24, 32),{
						imageSize:new BMap.Size(25,31)
					})	
				} else {
					img = util.KqMapImg.attendImgU;
					myIcon = new BMap.Icon(img, new BMap.Size(24, 32),{
						imageSize:new BMap.Size(24,32)
					})
				}

				let marker = new BMap.Marker(pt,{icon: myIcon})
				this.map.addOverlay(marker)
				marker.addEventListener("click",this.mapPointClicked);
				this.allPointArray.push(new BMap.Point(strs[0], strs[1]));
			},

			//地图上的点 点击事件
			mapPointClicked(e){
				
				this.detailData.splice(0,this.detailData.length);//清空数组 
				this.isShowDetailFlag = 1;
				var p = e.target;
				var cor = p.getPosition().lng + "," + p.getPosition().lat;

				// widget.toast(this.mapPoingArray.length + 'aa')
				this.map.clearOverlays();
				for (var i = this.mapPoingArray.length - 1; i >= 0; i--) {
					var point = this.mapPoingArray[i];
					if (cor == point.form_data[0].value.lng+','+point.form_data[0].value.lat) {
						this.addPointOnMap(point.form_data[0].value.lng+','+point.form_data[0].value.lat,1);
					} else {
						this.addPointOnMap(point.form_data[0].value.lng+','+point.form_data[0].value.lat,0);
					}
				}
				// this.map.centerAndZoom(new BMap.Point(p.getPosition().lng, p.getPosition().lat), 15);
				
				if (selectIndex == 0) {
					this.list.forEach((item)=>{
						item.sign_list.forEach((signInfo)=>{
							if (signInfo.form_data[0].value.lng+','+signInfo.form_data[0].value.lat == cor) {
								this.parDetailData(signInfo.form_data[0].value.addr_name);
								return;
							}
						});
					})
				} else {
					let itemSelected = this.list[selectIndex - 1];
					let position = ''
					itemSelected.sign_list.forEach((signInfo)=>{
						if (signInfo.form_data[0].value.lng+','+signInfo.form_data[0].value.lat == cor) {
							position = signInfo.form_data[0].value.addr_name;
						}
					})
					itemSelected.sign_list.forEach((signInfo)=>{
						if(signInfo.form_data[0].value.addr_name == position){
							// var detail = new Object();
							signInfo.name = itemSelected.name;
							signInfo.user_id = itemSelected.user_id;
							signInfo.avatar = itemSelected.avatar;
							signInfo.member_status = itemSelected.member_status;
							// detail.position = signInfo.position;
							// detail.address = signInfo.address;
							// detail.remark = signInfo.remark;
							// detail.sign_time = signInfo.sign_time;
							// var pho = new Array;
							// signInfo.photo.forEach((p)=>{
							// 	pho.push(p);
							// })
							// detail.photo = pho;
							this.detailData.push(signInfo);
						}
					});
				}			
				// console.log(this.detailData)	
			},

			//用户头像点击
			userIconClicked(index){
				this.mapPoingArray.splice(0,this.mapPoingArray.length);//清空数组 
				console.log('点击的是' + index);
				selectIndex = index + 1;
				// alert(selectIndex);
				if(this.list.length > 1){
					$('.user-list').find('li').removeClass('selected').eq(index+1).addClass('selected')
				}
				
				this.map.clearOverlays();
				let mapPoingArray2 = []
				for (var i = this.list[index].sign_list.length - 1; i >= 0; i--) {
					var point = this.list[index].sign_list[i];
					if (this.isEquelPosition(point.form_data[0].value.addr_name) == 0) {
						this.addPointOnMap(point.form_data[0].value.lng+','+point.form_data[0].value.lat,0);
						this.mapPoingArray.push(point);
						mapPoingArray2.push(new BMap.Point(point.form_data[0].value.lng, point.form_data[0].value.lat))
					}
				}
				this.map.setViewport(mapPoingArray2);
			},

			//“全部”点击事件
			allIconClicked(){
				selectIndex = 0;
				$('.user-list').find('li').removeClass('selected').eq(0).addClass('selected')

				this.mapPoingArray.splice(0,this.mapPoingArray.length);//清空数组 
				this.map.clearOverlays();
				this.parserData();
			},
			hideDetailButtonClicked(){
				this.isShowDetailFlag = 0;
				$('.user-list').width(this.list.length * 70 + 70)
			},

			//获取所有的地图上的点
			getAllMapPointDate(t){
                commonPage.loadPageStatus('loading')
                util.ajax({
                    url:'/sign/manager/map/all',
                    data: {
                        'team_id': t.team_id,
                        'project_id': t.project_id,
                        'date':t.date,
                        'userid_list':JSON.stringify(t.userid_list)
                    },
                    success: (res) => {
                        commonPage.loadPageStatus('loadSuccess')
                        // res = JSON.parse(res) 
                        console.log(res) 
                        if(res&&res.errno==0) {
                             // this.extra_info = res.data.extra_info
                             // this.attendance_list = res.data.attendance_list
                             // this.formatDate()
                             if (res.data.list.length > 0) {

                             	this.list = res.data.list;
                             	this.require_field = res.data.require_field
                             	this.list.forEach((obj1) => {
                             		obj1.sign_list.forEach((obj2) => {
                             			obj2.form_data.forEach((obj3) => {
                             				this.require_field.forEach((obj4) => {
                             					if(obj4.id == obj3.id){
                             						obj3.type = obj4.type
                             						obj3.title = obj4.info.title
                             					}
                             				})
                             			})
                             		})
                             	})
                             	console.log(123)
                             	console.log(this.list)




                             	$('.user-list').width(this.list.length * 70 + 70)

                             	//初始化地图
                             	this.map = new BMap.Map("map");    // 创建Map实例
                             	this.map.centerAndZoom(new BMap.Point(116.399957, 39.91095), 15);

                             	this.parserData();

                             }else{
                             	//初始化地图  没有点
                             	this.map = new BMap.Map("map");    // 创建Map实例
                             	this.map.centerAndZoom(new BMap.Point(116.399957, 39.91095), 15);
                             }
                             this.isShowDetailFlag = 0
                        } else if (res.errno==21015) {
                             this.showEmpty = true
                        } else if (res.errmsg) {
                             widget.toast(res.errmsg)
                        } else {
                             widget.toast('数据获取失败')
                        }
                    },
                    error: (xhr, status) => {
                        commonPage.loadPageStatus('loadSuccess')
                        widget.toast('服务器异常')
                    },
                    noNetwork: () => {
                        commonPage.loadPageStatus('loadSuccess')
                        widget.toast('网络连接失败，请检查网络')
                    }
                })
            },
            getLocalTime(timestr){
                return util.getLocalTime(timestr, 'HH:mm')
            },
            bigPicturePreview(urls, index){
            	// alert(par_index + " " + index)
                clientUi.bigPicturePreview('预览', urls, index)
            },
            gotoProjectMemberDetail(user_id){
                let encodeStr = encodeURIComponent(`tid=${this.user_info_sign.team_id}&pid=${this.user_info_sign.project_id}&gid=''&uid=${user_id}`)
                location.href = `dmsaas://ProjectMemberDetail?urdData=${encodeStr}`
            }
		},
		ready(){
            this.init()
		}
	})

})